<template>
    <div class="Presentation-page" v-if="!loading">
        <div class="title">有度征信报告</div>

        <div class="ironman-title">
            个人基本资料
        </div>

        <div class="ant-box">

            <div class="ant-title">身份信息</div>

            <p>
                <label for="">申请人<i>：</i></label>
                <span>{{data_info.user_info.real}}</span>
            </p>
            
            <p>
                <label for="">性别<i>：</i></label>
                <span>
                    {{data_info.user_info.sex==1?'保密':''}}
                    {{data_info.user_info.sex==2?'男':''}}
                    {{data_info.user_info.sex==3?'女':''}}
                </span>
            </p>
            <p>
                <label for="">年龄<i>：</i></label>
                <span>{{data_info.user_info.age}}</span>
            </p>

            <p>
                <label for="">身份证号<i>：</i></label>
                <span>{{data_info.user_info.identity}}</span>
            </p>

            <p>
                <label for="">户籍地址<i>：</i></label>
                <span>{{data_info.user_info.birth_address}}</span>
            </p>

            <p>
                <label for="">婚姻状况<i>：</i></label>
                <span>
                    {{data_info.user_info.is_marry_text}}
                </span>
            </p>

            <p>
                <label for="">手机号码<i>：</i></label>
                <span>
                    {{data_info.user_info.loan_phone}}
                </span>
            </p>

            <p>
                <label for="">文化程度<i>：</i></label>
                <span>
                    {{data_info.user_info.education_text}}
                </span>
            </p>

        </div>
        <div class="ant-box">

            <div class="ant-title">配偶信息</div>

            <p>
                <label for="">配偶姓名<i>：</i></label>
                <span>{{data_info.user_info.couple_name}}</span>
            </p>

            <p>
                <label for="">配偶电话<i>：</i></label>
                <span>{{data_info.user_info.couple_phone}}</span>
            </p>

        </div>
        <div class="ant-box">

            <div class="ant-title">工作信息</div>

            <p>
                <label for="">职业身份<i>：</i></label>
                <span>{{data_info.user_info.occupation_text}}</span>
            </p>
            
            <p>
                <label for="">月均收入<i>：</i></label>
                <span>{{data_info.user_info.monthly_income}}</span>
            </p>
            <!-- <p>
                <label for="">工作地址<i>：</i></label>
                <span>{{data_info.user_info.work_address}}</span>
            </p> -->

        </div>
        <div class="ant-box">

            <div class="ant-title">居住信息</div>

            <p>
                <label for="">现住地址<i>：</i></label>
                <span>{{data_info.user_info.domicile_address}}</span>
            </p>

        </div>

        <div class="ironman-title">
            社会保障信息
        </div>

        <div class="ant-box">

            <p>
                <label for="">社保卡<i>：</i></label>
                <span>
                    {{data_info.user_info.is_social==1?'没有':'有'}}

                </span>
            </p>
            
            <p>
                <label for="">公积金<i>：</i></label>
                <span>
                    {{data_info.user_info.is_accumulation_fund==1?'没有':'有'}}

                </span>
            </p>

        </div>

        <div class="ironman-title">
            资产概要
        </div>

        <div class="ant-box" >

            <div class="ant-title">公司信息<i v-if="data_info.company_info.length==0">无</i></div>

            <template v-if="data_info.company_info.length!=0">

            <p>
                <label for="">公司名称<i>：</i></label>
                <span>
                    {{data_info.company_info.company_name}}
                </span>
            </p>
            <p>
                <label for="">公司法人<i>：</i></label>
                <span>
                    {{data_info.company_info.law_man}}
                </span>
            </p>
            <p>
                <label for="">实际经营人<i>：</i></label>
                <span>
                    {{data_info.company_info.manager}}
                </span>
            </p>
            <p>
                <label for="">联系方式<i>：</i></label>
                <span>
                    {{data_info.company_info.phone}}
                </span>
            </p>
            <p>
                <label for="">公司类型<i>：</i></label>
                <span>
                    {{data_info.company_info.company_type==1?'未知':''}}
                    {{data_info.company_info.company_type==2?'国企':''}}
                    {{data_info.company_info.company_type==3?'私企':''}}
                    {{data_info.company_info.company_type==4?'个体':''}}
                </span>
            </p>
            <p>
                <label for="">注册资本<i>：</i></label>
                <span>
                    {{data_info.company_info.register_capital!=''?data_info.company_info.register_capital+'万元':''}}
                </span>
            </p>
            <p>
                <label for="">注册时间<i>：</i></label>
                <span>
                    {{data_info.company_info.register_date}}
                </span>
            </p>
            <p>
                <label for="">申请人持有股份比例<i>：</i></label>
                <span>
                    {{data_info.company_info.hold_ratio!=''?data_info.company_info.hold_ratio+'%':''}}
                </span>
            </p>
            <p>
                <label for="">员工人数<i>：</i></label>
                <span>
                    {{data_info.company_info.employee_num!=''?data_info.company_info.employee_num+'人':''}}
                </span>
            </p>
            <p>
                <label for="">月均对私流水<i>：</i></label>
                <span>
                    {{data_info.company_info.flow_in!=''?data_info.company_info.flow_in+'万元':''}}
                </span>
            </p>
            <p>
                <label for="">月均对公流水<i>：</i></label>
                <span>
                    {{data_info.company_info.flow_out!=''?data_info.company_info.flow_out+'万元':''}}
                </span>
            </p>
            <p>
                <label for="">公司网址<i>：</i></label>
                <span>
                    {{data_info.company_info.website_url}}
                </span>
            </p>
            <p>
                <label for="">注册地址<i>：</i></label>
                <span>
                    {{data_info.company_info.license_address}}
                </span>
            </p>
            <p>
                <label for="">实际地址<i>：</i></label>
                <span>
                    {{data_info.company_info.office_address}}
                </span>
            </p>

            </template>
            

        </div>
        <div class="ant-box">

            <div class="ant-title">房产信息<i v-if="data_info.user_house_list.length==0">无</i></div>

            <template v-for="(item,index) in data_info.user_house_list">
                <p v-bind:key="item.id">
                    <label for="">房产（{{index+1}}）</label>
                </p>
                <p v-bind:key="item.id">
                    <label for="">房产所有人<i>：</i></label>
                    <span>
                        {{item.holder_name}}
                    </span>
                </p>
                <p v-bind:key="item.id">
                    <label for="">房产类型<i>：</i></label>
                    <span>
                        {{item.house_type_name}}
                    </span>
                </p>
                <p v-bind:key="item.id">
                    <label for="">房产地址<i>：</i></label>
                    <span>
                        {{item.address}}
                    </span>
                </p>
                <p v-bind:key="item.id">
                    <label for="">房产地址<i>：</i></label>
                    <span>
                        {{item.address}}
                    </span>
                </p>
                <p v-bind:key="item.id">
                    <label for="">房产面积<i>：</i></label>
                    <span>
                        {{item.area!=''?item.area+'m²':''}}
                    </span>
                </p>
                <p v-bind:key="item.id">
                    <label for="">房产估价<i>：</i></label>
                    <span>
                        {{item.price!=''?item.price+'万元':''}}
                    </span>
                </p>
                <p v-bind:key="item.id">
                    <label for="">使用年限<i>：</i></label>
                    <span>
                        {{item.service_life!=''?item.service_life+'年':''}}
                    </span>
                </p>
                <p v-bind:key="item.id">
                    <label for="">房产按揭情况<i>：</i></label>
                    <span>
                        {{item.pay_type_text}}
                    </span>
                </p>
                <template v-if="item.pay_type==1">
                    <p v-bind:key="item.id" class="lvie-sj">
                        <label for="">贷款金额<i>：</i></label>
                        <span>
                            {{item.installment_loan_money!=''?item.installment_loan_money+'万':''}}
                        </span>
                    </p>
                    <p v-bind:key="item.id" class="lvie-sj">
                        <label for="">贷款周期<i>：</i></label>
                        <span>
                            {{item.installment_loan_cycle!=''?item.installment_loan_cycle+'期':''}}
                        </span>
                    </p>
                    <p v-bind:key="item.id" class="lvie-sj">
                        <label for="">还款方式<i>：</i></label>
                        <span>
                            {{item.installment_pay_type_text}}
                        </span>
                    </p>
                     <p v-bind:key="item.id" class="lvie-sj">
                        <label for="">起始日期<i>：</i></label>
                        <span>
                            {{item.installment_start_date}}
                        </span>
                    </p>
                    <p v-bind:key="item.id" class="lvie-sj">
                        <label for="">结清日期<i>：</i></label>
                        <span>
                            {{item.installment_end_date}}
                        </span>
                    </p>
                </template>
                <p v-bind:key="item.id">
                    <label for="">房产抵押情况<i>：</i></label>
                    <span>
                        {{item.is_mortgage_text}}
                    </span>
                </p>
                <template v-if="item.is_mortgage==2">
                    <p v-bind:key="item.id" class="lvie-sj">
                        <label for="">抵押金额<i>：</i></label>
                        <span>
                            {{item.mortgage_money!=''?item.mortgage_money+'万':''}}
                        </span>
                    </p>
                    <p v-bind:key="item.id" class="lvie-sj">
                        <label for="">还款方式<i>：</i></label>
                        <span>
                            {{item.mortgage_pay_type_text}}
                        </span>
                    </p>
                    <p v-bind:key="item.id" class="lvie-sj">
                        <label for="">起始日期<i>：</i></label>
                        <span>
                            {{item.mortgage_start_time}}
                        </span>
                    </p>
                    <p v-bind:key="item.id" class="lvie-sj">
                        <label for="">结清日期<i>：</i></label>
                        <span>
                            {{item.mortgage_end_time}}
                        </span>
                    </p>
                </template>
            </template>

        </div>

        <div class="ant-box">

            <div class="ant-title">车辆信息 <i v-if="data_info.car_list.length==0">无</i></div>

            <template v-for="(item,index) in data_info.car_list">
                <p v-bind:key="item.id">
                    <label for="">车辆（{{index+1}}）</label>
                </p>
                <p v-bind:key="item.id">
                    <label for="">车辆所有人<i>：</i></label>
                    <span>
                        {{item.holder_name}}
                    </span>
                </p>
                <p v-bind:key="item.id">
                    <label for="">车辆品牌<i>：</i></label>
                    <span>
                        {{item.car_brand_name}}
                    </span>
                </p>
                <p v-bind:key="item.id">
                    <label for="">车辆型号<i>：</i></label>
                    <span>
                        {{item.car_model_name}}
                    </span>
                </p>
                <p v-bind:key="item.id">
                    <label for="">车辆配置<i>：</i></label>
                    <span>
                        {{item.car_config_name}}
                    </span>
                </p>
                <p v-bind:key="item.id">
                    <label for="">车辆行驶公里数<i>：</i></label>
                    <span>
                        {{item.run_mileage!=''?item.run_mileage+'公里':''}}
                    </span>
                </p>
                <p v-bind:key="item.id">
                    <label for="">裸车价格<i>：</i></label>
                    <span>
                        {{item.car_money!=''?item.car_money+'万元':''}}
                    </span>
                </p>
                <p v-bind:key="item.id">
                    <label for="">购车时间<i>：</i></label>
                    <span>
                        {{item.buy_time}}
                    </span>
                </p>
                <p v-bind:key="item.id">
                    <label for="">车辆按揭情况<i>：</i></label>
                    <span>
                        {{item.pay_type_text}}
                    </span>
                </p>
                <template v-if="item.pay_type==1">
                    <p v-bind:key="item.id" class="lvie-sj">
                        <label for="">贷款金额<i>：</i></label>
                        <span>
                            {{item.installment_loan_money!=''?item.installment_loan_money+'万':''}}
                        </span>
                    </p>
                    <p v-bind:key="item.id" class="lvie-sj">
                        <label for="">贷款周期<i>：</i></label>
                        <span>
                            {{item.installment_loan_cycle!=''?item.installment_loan_cycle+'期':''}}
                        </span>
                    </p>
                    <p v-bind:key="item.id" class="lvie-sj">
                        <label for="">月供<i>：</i></label>
                        <span>
                            {{item.installment_month_repay!=''?item.installment_month_repay+'元':''}}
                        </span>
                    </p>
                    <p v-bind:key="item.id" class="lvie-sj">
                        <label for="">已还款月数<i>：</i></label>
                        <span>
                            {{item.installment_repay_count!=''?item.installment_repay_count+'月':''}}
                        </span>
                    </p>
                    <p v-bind:key="item.id" class="lvie-sj">
                        <label for="">办理银行<i>：</i></label>
                        <span>
                            {{item.installment_handling_bank}}
                        </span>
                    </p>
                </template>
                <p v-bind:key="item.id">
                    <label for="">车辆抵押情况<i>：</i></label>
                    <span>
                        {{item.is_mortgage_text}}
                    </span>
                </p>
                <template v-if="item.is_mortgage==2">
                    <p v-bind:key="item.id" class="lvie-sj">
                        <label for="">抵押金额<i>：</i></label>
                        <span>
                            {{item.mortgage_money!=''?item.mortgage_money+'万':''}}
                        </span>
                    </p>
                    <p v-bind:key="item.id" class="lvie-sj">
                        <label for="">还款方式<i>：</i></label>
                        <span>
                            {{item.mortgage_pay_type_text}}
                        </span>
                    </p>
                    <p v-bind:key="item.id" class="lvie-sj">
                        <label for="">起始日期<i>：</i></label>
                        <span>
                            {{item.mortgage_start_time}}
                        </span>
                    </p>
                    <p v-bind:key="item.id" class="lvie-sj">
                        <label for="">结清日期<i>：</i></label>
                        <span>
                            {{item.mortgage_end_time}}
                        </span>
                    </p>
                </template>
            </template>

        </div>

        <div class="ant-box">

            <div class="ant-title">保单信息<i v-if="data_info.policy_list.length==0">无</i></div>

            <template v-for="(item,index) in data_info.policy_list">
                <p v-bind:key="item.id">
                    <label for="">保单（{{index+1}}）</label>
                </p>
                <p v-bind:key="item.id">
                    <label for="">投保公司<i>：</i></label>
                    <span>
                        {{item.company_name}}
                    </span>
                </p>
                <p v-bind:key="item.id">
                    <label for="">保单类型<i>：</i></label>
                    <span>
                        {{item.policy_type_text}}
                    </span>
                </p>
                <p v-bind:key="item.id">
                    <label for="">缴纳方式<i>：</i></label>
                    <span>
                        {{item.pay_type_name}}
                    </span>
                </p>
                <p v-bind:key="item.id">
                    <label for="">生效日期<i>：</i></label>
                    <span>
                        {{item.start_time}}
                    </span>
                </p>
                <p v-bind:key="item.id">
                    <label for="">缴纳金额<i>：</i></label>
                    <span>
                        {{item.pay_money!=''?item.pay_money+'（元/次）':''}}
                    </span>
                </p>
            </template>

        </div>

        <div class="ironman-title">
            信用信息
        </div>

        <div class="ant-box">

            <div class="ant-title">信用卡信息<i v-if="data_info.credit_card_info.length==0">无</i></div>

            <template v-if="data_info.credit_card_info.length!=0">

            <p>
                <label for="">信用卡数量<i>：</i></label>
                <span>
                    {{data_info.credit_card_info.card_num!=''?data_info.credit_card_info.card_num+'张':''}}

                </span>
            </p>

            <p>
                <label for="">单张最高额度<i>：</i></label>
                <span>
                    {{data_info.credit_card_info.max_amount!=''?data_info.credit_card_info.max_amount+'万元':''}}

                </span>
            </p>

            <p>
                <label for="">信用卡总额度<i>：</i></label>
                <span>
                    {{data_info.credit_card_info.total_amount!=''?data_info.credit_card_info.total_amount+'万元':''}}

                </span>
            </p>

            <p>
                <label for="">已使用额度<i>：</i></label>
                <span>
                    {{data_info.credit_card_info.used_amount!=''?data_info.credit_card_info.used_amount+'万元':''}}

                </span>
            </p>

            </template>

        </div>

        <div class="ant-box">

            <div class="ant-title">法院执行记录</div>

            <p>
                <label for="">是否法院执行记录<i>：</i></label>
                <span>
                    {{data_info.user_info.is_court==1?'没有':'有'}}

                </span>
            </p>

        </div>

        <div class="ant-box" >

            <div class="ant-title">逾期信息<i v-if="data_info.overdue_info.length==0">无</i></div>

            <template v-if="data_info.overdue_info.length!=0">

                <template v-if="data_info.overdue_info.half_year.is_overdue!=1">
                    <p>
                        <label for="">最近半年<i>：</i></label>
                        <span>
                            {{data_info.overdue_info.half_year.is_overdue==1?'没有':'有'}}
                        </span>
                    </p>
                    <p class="lvie-sj">
                        <label for="">未超过30天<i>：</i></label>
                        <span>
                            {{data_info.overdue_info.half_year.less_30}}次
                        </span>
                    </p>
                    <p class="lvie-sj">
                        <label for="">30天以上<i>：</i></label>
                        <span>
                            {{data_info.overdue_info.half_year.over_30}}次
                        </span>
                    </p>
                    <p class="lvie-sj">
                        <label for="">60天以上<i>：</i></label>
                        <span>
                            {{data_info.overdue_info.half_year.over_60}}次
                        </span>
                    </p>
                    <p class="lvie-sj">
                        <label for="">90天以上<i>：</i></label>
                        <span>
                            {{data_info.overdue_info.half_year.over_90}}次
                        </span>
                    </p>
                </template>
                <template v-if="data_info.overdue_info.one_year.is_overdue!=1">
                    <p>
                        <label for="">最近一年<i>：</i></label>
                        <span>
                            {{data_info.overdue_info.one_year.is_overdue==1?'没有':'有'}}
                        </span>
                    </p>
                    <p class="lvie-sj">
                        <label for="">未超过30天<i>：</i></label>
                        <span>
                            {{data_info.overdue_info.one_year.less_30}}次
                        </span>
                    </p>
                    <p class="lvie-sj">
                        <label for="">30天以上<i>：</i></label>
                        <span>
                            {{data_info.overdue_info.one_year.over_30}}次
                        </span>
                    </p>
                    <p class="lvie-sj">
                        <label for="">60天以上<i>：</i></label>
                        <span>
                            {{data_info.overdue_info.one_year.over_60}}次
                        </span>
                    </p>
                    <p class="lvie-sj">
                        <label for="">90天以上<i>：</i></label>
                        <span>
                            {{data_info.overdue_info.one_year.over_90}}次
                        </span>
                    </p>
                </template>
                <template v-if="data_info.overdue_info.three_year.is_overdue!=1">
                    <p>
                        <label for="">最近三年<i>：</i></label>
                        <span>
                            {{data_info.overdue_info.three_year.is_overdue==1?'没有':'有'}}
                        </span>
                    </p>
                    <p class="lvie-sj">
                        <label for="">未超过30天<i>：</i></label>
                        <span>
                            {{data_info.overdue_info.three_year.less_30}}次
                        </span>
                    </p>
                    <p class="lvie-sj">
                        <label for="">30天以上<i>：</i></label>
                        <span>
                            {{data_info.overdue_info.three_year.over_30}}次
                        </span>
                    </p>
                    <p class="lvie-sj">
                        <label for="">60天以上<i>：</i></label>
                        <span>
                            {{data_info.overdue_info.three_year.over_60}}次
                        </span>
                    </p>
                    <p class="lvie-sj">
                        <label for="">90天以上<i>：</i></label>
                        <span>
                            {{data_info.overdue_info.three_year.over_90}}次
                        </span>
                    </p>
                </template>
                <template v-if="data_info.overdue_info.continuity.is_overdue!=1">
                    <p>
                        <label for="">连续逾期<i>：</i></label>
                        <span>
                            {{data_info.overdue_info.continuity.is_overdue==1?'没有':'有'}}
                        </span>
                    </p>
                    <p class="lvie-sj">
                        <label for="">未超过30天<i>：</i></label>
                        <span>
                            {{data_info.overdue_info.continuity.less_30}}次
                        </span>
                    </p>
                    <p class="lvie-sj">
                        <label for="">30天以上<i>：</i></label>
                        <span>
                            {{data_info.overdue_info.continuity.over_30}}次
                        </span>
                    </p>
                    <p class="lvie-sj">
                        <label for="">60天以上<i>：</i></label>
                        <span>
                            {{data_info.overdue_info.continuity.over_60}}次
                        </span>
                    </p>
                    <p class="lvie-sj">
                        <label for="">90天以上<i>：</i></label>
                        <span>
                            {{data_info.overdue_info.continuity.over_90}}次
                        </span>
                    </p>
                </template>
                
            </template>

        </div>
        
        <div class="ant-box">

            <div class="ant-title">贷款信息<i v-if="data_info.loan_list.length==0">无</i></div>

            <template v-for="(item,index) in data_info.loan_list">
                <p v-bind:key="item.id">
                    <label for="">贷款（{{index+1}}）</label>
                </p>
                <p v-bind:key="item.id">
                    <label for="">贷款机构<i>：</i></label>
                    <span>
                        {{item.loan_agent}}
                    </span>
                </p>
                <p v-bind:key="item.id">
                    <label for="">贷款名称<i>：</i></label>
                    <span>
                        {{item.loan_name}}
                    </span>
                </p>
                <p v-bind:key="item.id">
                    <label for="">贷款类型<i>：</i></label>
                    <span>
                        {{item.loan_type_name}}
                    </span>
                </p>
                <p v-bind:key="item.id">
                    <label for="">贷款金额<i>：</i></label>
                    <span>
                        {{item.loan_money!=''?item.loan_money+'万元':''}}
                    </span>
                </p>
                <p v-bind:key="item.id">
                    <label for="">贷款周期<i>：</i></label>
                    <span>
                        {{item.loan_cycle!=''?item.loan_cycle+'期':''}}
                    </span>
                </p>
                <p v-bind:key="item.id">
                    <label for="">已还款金额<i>：</i></label>
                    <span>
                        {{item.repay_amount!=''?item.repay_amount+'万元':''}}
                    </span>
                </p>
                <p v-bind:key="item.id">
                    <label for="">贷款日期<i>：</i></label>
                    <span>
                        {{item.loan_time}}
                    </span>
                </p>
                <p v-bind:key="item.id">
                    <label for="">结清日期<i>：</i></label>
                    <span>
                        {{item.settle_time}}
                    </span>
                </p>
            </template>

        </div>
        

    </div>
</template>

<script>

//底层
import Vue from 'vue';

export default {
    data(){
        return{
            data_info:{},
            loading:true
        }
    },
    mounted:function(){

        //取得?后面的参数
        var id = this.$getUrlPara('id');

        var _this = this;

        this.$api.user_info({
            id:id
        },e=>{
            _this.data_info = e;
            //渲染页面
            this.loading = false;
        })
    },
    methods:{

    }
}
</script>

<style lang="scss">
    .Presentation-page{
        padding: .24rem;
        background-color: #fff;
        min-height: 100%;
        .title{
            font-size: .45rem;
            font-family:FZZZHONGJW--GB1-0;
            font-weight:400;
            color:rgba(50,50,50,1);
            padding: .2rem 0;
            border-bottom: 1px solid rgba(50,50,50,1);
            margin-bottom: .5rem;
        }
        .ironman-title{
            display: flex;
            align-items: center;
            justify-content: center;
            height:.62rem;
            background:rgba(238,238,238,1);
            font-size:.34rem;
            font-family:PingFang-SC-Bold;
            font-weight:bold;
            color:rgba(50,50,50,1);
            margin-bottom: .1rem;
            margin-top: .4rem;
        }
        .ant-title{
            font-size:.30rem;
            font-weight:bold;
            color:rgba(51,51,51,1);
            margin-bottom: .28rem;
            position: relative;
            i{
                color: #999;
                font-size: .30rem;
                float: right;
            }
        }
        p{
            font-weight:500;
            color:rgba(102,102,102,1);
            span{
                color: #000;
                font-size:.26rem;
            }
            label{
                color: #666;
                font-size:.26rem;
            }
            margin-bottom: .35rem;
        }
        .ant-box{
            border-bottom: 1px solid rgba(238,238,238,1);
            padding-top: .3rem;
        }
        p.lvie-sj{
            padding-left: .30rem;

        }
    }
</style>